<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/demo1.css">
</head>

<body>
    <div id="app">
        <!--购物车-->
        <div class="cart">
            <!--显示标题部分-->
            <div class="title">
                <img src="../img/cart.png" alt="">
                <span>我的购物车</span>
            </div>
            <div>
                <!--购物列表部分-->
                <div class="cart-list">
                    <div class="cart-title">最新加入的商品</div>
                    <div class="goods-info">
                        <div class="goods-img"><img src="../img/makeup.jpg" alt=""></div>
                        <div class="goods-desc">倩碧经典三部曲套装（液体皂200ml+明肌2号水200ml+润肤乳125ml）</div>
                        <div class="goods-price">¥558.00×1<br />删除</div>
                    </div>
                    <!--购物车的页脚部分-->
                    <div class="cart-footer">
                        共1件商品
                        <span>共计￥558.00</span>
                        <span>去购物车</span>
                    </div>
                </div>
            </div>
        </div>

    </div>
</body>
<script src="../js/demo1.js"></script>

</html>